<template>
<div class="box">
    <detail-header></detail-header>
     <div class="content">
        <scen-Icmend :list="recommendlist"></scen-Icmend>
    </div>
</div>
    
</template>

 <script>
import ScenIcmend from './components/Scenicmend'
import DetailHeader from './components/Header'
import axios from 'axios'
export default {    
    name :'Scenic',
    components: {
        ScenIcmend,
        DetailHeader,       
    },
    data(){
        return{  
            recommendlist:[]
        }
    },
    methods: {
        getHomeInfo(){
            axios.get('./static/mock/index.json')
            .then(this.getHomeInfoSucc)
        },
        getHomeInfoSucc(res){
            res=res.data
            // console.log(res)
            if(res.ret && res.data){
                const data=res.data
                this.recommendlist=data.recommendlist                     
            }                              
        }
    },
    mounted () {
        this.getHomeInfo()
    }

}
</script>

<style lang="stylus" scoped>
.box{
    position relative
}  
.content{     
   height auto;
   position relative;
   top 1rem;
}

</style>
